.HomePage {
    background: #FAF0D9;
    display: flex;
    justify-content: center;
    align-items: center;

    background: url(../../../pic/entry/bg.png);

    .top_right_img {
        position: absolute;
        top: 130px;
        right: 0px;
        width: 424px;
        height: 424px;
        background: url(../../../pic/entry/鸟.png);
        background-size: 100% 100%;
    }

    .bottom_left_img {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 425px;
        height: 319px;
        background: url(../../../pic/entry/树.png);
        background-size: 100% 100%;
    }


   
    .menu_container {
        width: 70%;
        height: 80%;
        // background: lightgreen;
        flex-direction: row;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;






        .entry_each {
            display: flex;
            width: 137px;
            height: 417px;
            background: url(../../../pic/entry/entry_each_bg.png);
            cursor: pointer;
            background-size: 100% 100%;

            justify-content: center;
            align-items: center;

            img {
                width: 40%;
                height: 70%;
                background-size: 100% 100%;
            }

            &:hover,
            &:active {
                background: url(../../../pic/entry/entry_each_bg_active.png);
                cursor: pointer;
                background-size: 100% 100%;
            }

        }
    }

}

